<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
    <script th:src="@{/js/plugin/webfont/webfont.min.js}"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/azzara.min.css}">
    <link rel="stylesheet" th:href="@{/css/demo.css}">
</head>
<body>
<div class="wrapper">

    <div class="main-header" data-background-color="purple">
        <!-- Logo Header -->
        <div >
            <a th:href="@{/}" class="logo">
                <div class="logo-header">
                </div>
            </a>
        </div>
        <nav class="navbar navbar-header navbar-expand-lg">

            <div class="container-fluid">

                <ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
                    <li class="nav-item toggle-nav-search hidden-caret">
                        <a class="nav-link" data-toggle="collapse" href="#search-nav" role="button" aria-expanded="false" aria-controls="search-nav">
                            <i class="fa fa-search"></i>
                        </a>
                    </li>

                    <li class="nav-item dropdown hidden-caret">
                        <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
                            <div class="avatar-sm">
                                <img th:src="@{/img/3.ico}" alt="..." class="avatar-img rounded-circle">
                            </div>
                        </a>
                        <ul class="dropdown-menu dropdown-user animated fadeIn">
                            <li>
                                <div class="user-box">
                                    <div class="avatar-lg"><img th:src="@{/img/profile.jpg}" alt="image profile" class="avatar-img rounded"></div>

                                </div>
                            </li>
                            <li>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">修改密码</a>

                                <a class="dropdown-item" href="#">退出</a>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </nav>
        <!-- End Navbar -->
    </div>
    <!-- Sidebar -->
    <div class="sidebar">

        <div class="sidebar-wrapper scrollbar-inner">
            <div class="sidebar-content">

                <ul class="nav">
                    <li class="nav-item">
                        <a th:href="@{/}">
                            <i class="fas fa-home" th:src="@{/img/1.ico}"></i>
                            <p>返回主页</p>
                            <span class="badge badge-count">5</span>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">导航栏</h4>
                    </li>

                    <!--						一-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#base">
                            <i class="fas fa-layer-group"></i>
                            <p>药品</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="base">
                            <ul class="nav nav-collapse">
                                <li >
                                    <a th:href="@{/drugs}">
                                        <span class="sub-item">药品信息</span>
                                    </a>
                                </li>
                                <li >
                                    <a th:href="@{/drugs/new}">
                                        <span class="sub-item">管理药品</span>
                                    </a>
                                </li>
                                <li >
                                    <a th:href="@{/drugs/selects}">
                                        <span class="sub-item">查询药品</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!--						二-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#forms">
                            <i class="fas fa-pen-square"></i>
                            <p>药库</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="forms">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a th:href="@{/rooms}">
                                        <span class="sub-item">药库信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/rooms/new}">
                                        <span class="sub-item">管理药库</span>
                                    </a>
                                </li>
                                <li >
                                    <a th:href="@{/roomss/selects}">
                                        <span class="sub-item">查询药库</span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <!--						三-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#tables">
                            <i class="fas fa-table"></i>
                            <p>个人中心</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="tables">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a th:href="@{/updateUser}">
                                        <span class="sub-item">修改密码</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/logout}">
                                        <span class="sub-item">退出</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main-panel">
        <div class="content" style="background-color: #ededed;">
            <div class="container-fluid" style="margin-top: 30px;margin-left: 150px;width: 1500px">

                <div class="row col-lg-4 col-lg-offset-4" style="margin-top: 40px; background-color: #fff; padding: 20px; border: solid 1px #ddd;">
                    <form autocomplete="off" th:action="@{/login/to}"  method="post" class="form-signin" role="form">
                        <h3 class="form-signin-heading" style="margin-left: 50px;margin-top: 10px">登录</h3>
                        <div class="form-group">
                            <div class="">
                                <input type="text" name="username"   placeholder="用户名" class="form-control" style="width: 370px;margin-left: 33px"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="">
                                <input type="password" name="password" placeholder="密码" class="form-control" style="width: 370px;margin-left: 33px"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="">
                                <button type="submit" class="btn btn-primary btn-block" style="width: 370px;margin-left: 33px">登录</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>

    </div>
</div>
<!--   Core JS Files   -->
<script th:src="@{/js/core/jquery.3.2.1.min.js}"></script>
<script th:src="@{/js/core/popper.min.js}"></script>
<script th:src="@{/js/core/bootstrap.min.js}"></script>
<!-- jQuery UI -->
<script th:src="@{/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js}"></script>
<script th:src="@{/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js}"></script>
<!-- Bootstrap Toggle -->
<script th:src="@{/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js}"></script>
<!-- jQuery Scrollbar -->
<script th:src="@{/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js}"></script>
<!-- Azzara JS -->
<script th:src="@{/js/ready.min.js}"></script>
<!-- Azzara DEMO methods, don't include it in your project! -->
<script th:src="@{/js/setting-demo.js}"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>
